<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Clue Window</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
            td img {display: block;}
            html {scrollbar-face-color: #edecec;
                  scrollbar-shadow-color: #ffffff;
                  scrollbar-highlight-color: #ffffff;
                  scrollbar-3dlight-color:#999999;
                  scrollbar-darkshadow-color: #999999;
                  scrollbar-track-color: #D4E597;
                  scrollbar-arrow-color: #999999;}
            body {margin:0; padding: 0;}
        </style>
        <script src="GUI/add_on/image_rollover.js" type="text/javascript"></script>
        <!--Fireworks CS3 Dreamweaver CS3 target.  Created Fri Oct 30 17:36:52 GMT-0700 (Pacific Daylight Time) 2009-->
        <link href="goowhere.css" rel="stylesheet" type="text/css" />
    </head>
    <body bgcolor="#999999" onload="MM_preloadImages('GUI/images/clue_window/clue_window_over_r1_c3.png','GUI/images/clue_window/clue_unlock_btn_over.png')">
        <table border="0" cellpadding="0" cellspacing="0" width="355">
            <!-- fwtable fwsrc="trans_window.png" fwpage="Page 1" fwbase="trans_window.png" fwstyle="Dreamweaver" fwdocid = "907167045" fwnested="0" -->
            <tr>
                <td><img src="GUI/images/trans_window/spacer.gif" width="23" height="1" border="0" alt="" /></td>
                <td><img src="GUI/images/trans_window/spacer.gif" width="293" height="1" border="0" alt="" /></td>
                <td><img src="GUI/images/trans_window/spacer.gif" width="16" height="1" border="0" alt="" /></td>
                <td><img src="GUI/images/trans_window/spacer.gif" width="23" height="1" border="0" alt="" /></td>
                <td><img src="GUI/images/trans_window/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>

            <tr>
                <td><img name="trans_window_r1_c1" src="GUI/images/trans_window/trans_window_r1_c1.png" width="23" height="35" border="0" id="trans_window_r1_c1" alt="" /></td>
                <td><img name="trans_window_r1_c2" src="GUI/images/trans_window/trans_window_r1_c2.png" width="293" height="35" border="0" id="trans_window_r1_c2" alt="" /></td>
                <td colspan="2" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('clue_window_cancel','','GUI/images/clue_window/clue_window_over_r1_c3.png',1);this.style.cursor='pointer';" onclick="closeClueWindow()"><img src="GUI/images/clue_window/clue_window_r1_c3.png" name="clue_window_cancel" width="39" height="35" border="0" id="clue_window_cancel" /></td>
                <td><img src="GUI/images/trans_window/spacer.gif" width="1" height="35" border="0" alt="" /></td>
            </tr>
            <tr>
                <td><img name="trans_window_r2_c1" src="GUI/images/trans_window/trans_window_r2_c1.png" width="23" height="306" border="0" id="trans_window_r2_c1" alt="" /></td>
                <td colspan="2" background="GUI/images/trans_window/bg.png">

                    <!--Clue Unlock Control Start-->
                    <div id="clue_window_unlock_panel"><img src="GUI/images/clue_window/clue_unlock_bg.png" width="309" height="50" border="0" id="clue_window_unlock_panel_bg" alt="" /></div>
                    <div id="clue_purchase_message" class="clue_purchase_message">Need one more? $5 to unlock!</div>
                    <div id="clue_unlock_btn" onclick="unlockClue()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('clue_unlock_btn','','GUI/images/clue_window/clue_unlock_btn_over.png',1);this.style.cursor='pointer';"><img src="GUI/images/clue_window/clue_unlock_btn.png" name="clue_unlock_btn" width="54" height="21" border="0" id="clue_unlock_btn2" /></div>
                    <!--Clue Unlock Control End-->

                    <div class="trans_window_box" id="trans_window_box">
                    <table border="0" cellpadding="0" cellspacing="0" width="293" >

                    <!-- Clue Rectangle Start-->
                    <tr id="clue_rectangle">
                        <td background="GUI/images/clue_window/bg_top.png" width="293" height="10"/>
                    </tr>
                    <tr>
                        <td id ="outerClueTable" background="GUI/images/clue_window/bg_mid.png" width="293" height="10"/>
                    </tr>
                    <tr>
                        <td background="GUI/images/clue_window/bg_btn.png" width="293" height="10"/>
                    </tr>
                    <!-- Clue Rectangle End-->

                    <!-- Seperate Bar Start-->
                    <tr id="trans_speperate_bar_first">
                        <td><img name="trans_seperate_bar" src="GUI/images/trans_window/trans_seperator.png" width="293" height="6" border="0" alt="" /></td>
                    </tr>
                    <!-- Seperate Bar End-->

                    </table>
                    </div>
                   <div id="clue_window_s_shade_top">
                   <img src="GUI/images/clue_window/bg_shade_top.png" />
                   </div>
                   <div id="clue_window_s_shade_btn">
                   <img src="GUI/images/clue_window/bg_shade_btn.png" />
                   </div>
                   <div id="clue_window_s_shade_top">
                   <img src="GUI/images/clue_window/bg_shade_left.png" />
                   </div>
                   <div id="clue_window_s_shade_right">
                   <img src="GUI/images/clue_window/bg_shade_right.png" />
                   </div>
                </td>
                <td><img name="trans_window_r2_c4" src="GUI/images/trans_window/trans_window_r2_c4.png" width="23" height="306" border="0" id="trans_window_r2_c4" alt="" /></td>
                <td><img src="GUI/images/trans_window/spacer.gif" width="1" height="306" border="0" alt="" /></td>
            </tr>
            <tr>
                <td><img name="trans_window_r3_c1" src="GUI/images/trans_window/trans_window_r3_c1.png" width="23" height="27" border="0" id="trans_window_r3_c1" alt="" /></td>
                <td colspan="2"><img name="trans_window_r3_c2" src="GUI/images/trans_window/trans_window_r3_c2.png" width="309" height="27" border="0" id="trans_window_r3_c2" alt="" /></td>
                <td><img name="trans_window_r3_c4" src="GUI/images/trans_window/trans_window_r3_c4.png" width="23" height="27" border="0" id="trans_window_r3_c4" alt="" /></td>
                <td><img src="GUI/images/trans_window/spacer.gif" width="1" height="27" border="0" alt="" /></td>
            </tr>
        </table>
    </body>
</html>
